import React, {Component} from 'react';
import { View, StyleSheet, Text } from 'react-native';
import NavigationBar from '../../navigation/navigation-bar.view';
import ItemHeaderView from './item-header.view';

export default class ItemHeaderDemoPage extends Component{ 
    render(){ 
        return(
            <View style={styles.container}>
                <NavigationBar title='item-header' />

                <Text style={{marginTop:15}}>IH1</Text>
                <ItemHeaderView
                    title='客户基本资料'
                />
                <Text style={{marginTop:15}}>IH2</Text>
                <ItemHeaderView
                    title='车辆基本信息'
                    updateText='修改'
                    showArrow={true}
                    onUpdatePress={()=>{
                        alert('点击事件')
                    }}
                />
                <Text style={{ marginTop: 15 }}>IH3</Text>
                <ItemHeaderView 
                    title='客户基本资料'
                    subTitle='(生效日期：2019-09-09 00:00)'
                />
            </View>
        );
    } 
}
const styles=StyleSheet.create({
    container:{
        flex:1 ,
        backgroundColor:'#f2f2f2f2'
    }
});